<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加产品</title>
<link href="${pageContext.request.contextPath }/css/styles.css" rel="stylesheet" type="text/css" />
 <link href="${pageContext.request.contextPath }/css/facebox.css" rel="stylesheet" type="text/css" />
 <link href="${pageContext.request.contextPath }/css/common.css" rel="stylesheet" type="text/css" />
 <script src="${pageContext.request.contextPath }/js/jquery-1.7.2.js" type="text/javascript"></script>
 <script type="text/javascript">
 window.onload = function () { 
	    new uploadPreview({ UpBtn: "upload", DivShow: "imgdiv", ImgShow: "imgShow" });
	}
	function getFullPath(obj) {
		//得到图片的完整路径
		if (obj) {
			//ie
			if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
				obj.select();
				return document.selection.createRange().text;
				}
			//firefox
			else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
				if (obj.files) {
					return obj.files.item(0).getAsDataURL();
					}
				return obj.value;
				}
			return obj.value;
			}
		}
	$(document).ready(function() {

		$("#upload").change(function(){
			var strSrc = $("#upload").val();
			
			/* img = new Image();
			img.src = getFullPath(strSrc); */
			//验证上传文件格式是否正确
			var pos = strSrc.lastIndexOf(".");
			var lastname = strSrc.substring(pos, strSrc.length);
			if (lastname != ".jpg" && lastname != ".png" && lastname != ".gif") {
				alert("您上传的文件类型为" + lastname + "，图片必须为 jpg或png或gif类型");
			}
		});
$("#sub").click(function(){
			
	if($("#upload").val() != ""){
		
		var strSrc = $("#upload").val();
		/* img = new Image();
		img.src = getFullPath(strSrc); */
		//验证上传文件格式是否正确
		var pos = strSrc.lastIndexOf(".");
		var lastname = strSrc.substring(pos, strSrc.length);
		
		if (lastname != ".jpg" && lastname != ".png" && lastname != ".gif") {
			alert("您上传的文件类型为" + lastname + "，图片必须为 jpg或png或gif类型");
			return false;
		}  
	}else{
		alert("图片必须选。");
		return false;
	}
	if($("#Picture_Name").val() == ""){
		alert("图片名称必填。");
		return false;
	}
	if ($("#Name").val() == "") {
		alert("产品名称不能为空。");
		return false;
	}
	if ($("#Brand").val() == "") {
		alert("产品品牌名称不能为空.");
		return false;
	}
	if ($("#Repertoire").val() == "") {
		alert("产品包装清单不能为空");
		return false;
	}
	if ($(this).val() == "") {

		alert("产品功能介绍不能为空。");
		return false;
	}
	});
	$("#Brief_Introductionerror").hide();
	$("#Nameerror").hide();
	$("#Numbererror").hide();
	$("#Branderror").hide();
	$("#Repertoireerror").hide();
	$("#Name").blur(function() {
		if ($("#Name").val() == "") {
			$("#Nameerror").show();
		} else {

			$("#Nameerror").hide();
		}
	});

	$("#Number").blur(function() {
		if ($("#Number").val() == "") {
			$("#Numbererror").show();
		} else {

			$("#Numbererror").hide();
		}
	});
	$("#Brand").blur(function() {
		if ($("#Brand").val() == "") {
			$("#Branderror").show();
		} else {

			$("#Branderror").hide();
		}
	});
	$("#Repertoire").blur(function() {
		if ($("#Repertoire").val() == "") {
			$("#Repertoireerror").show();
		} else {

			$("#Repertoireerror").hide();
		}
	});
	$("#Brief_Introduction").blur(function() {
		if ($(this).val() == "") {

			$("#Brief_Introductionerror").show();
		} else {

			$("#Brief_Introductionerror").hide();
		}
	});
	
	$("#second").focus(function(){
		$("#ff").hide();
		
	});
});
</script>
</script>
  <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath }/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath }/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath }/lang/zh-cn/zh-cn.js"></script>
<style type="text/css">
#preview{width:260px;height:190px;border:1px solid #000;overflow:hidden;}
#imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);}
body { overflow-x: hidden; overflow-y: auto; } 
</style>


</head>
<body>
<div class="result-wrap"
		style="width: 80%;margin-left: 10%;">
		<form action="${pageContext.request.contextPath }/product/addProduct.action" method="post" enctype="multipart/form-data">
			<div class="result-title">
				<div class="config-title">
					<h1>添加产品</h1>
				</div>
				<div class="result-content">
					<table width="100%" class="insert-tab">
						<tr>
							<th width="15%"><i class="require-red">*</i>产品类型：</th>
							<td>
							<select name="type">
								<s:iterator value="#request.lists">
									<option><s:property value="firstType.Type_Name"/>-<s:property value="Type_Name"/></option>
								</s:iterator>
								<s:iterator value="#request.list">
                                	<option width="50%"><s:property value="secondType.firstType.Type_Name"/>-<s:property value="secondType.Type_Name"/>-<s:property value="Type_Name"/></option>
                                </s:iterator>
							</select>
							</td>
						</tr>
						<tr>
							<th width="15%"><i class="require-red">*</i>产品名称：</th>
							<td><input type="text" id="Name" name="Name" value=""
								size="85" class="common-text">
								<font id="Nameerror" style="color: red;">不能为空。</font></td>
						</tr>
						<tr>
							<th width="15%"><i class="require-red">*</i>产品编号：</th>
							<td><input type="text" id="Number" name="Number" value=""
								size="85" class="common-text">
								<font id="Numbererror" style="color: red;">不能为空。</font></td>
						</tr>
						<tr>
							<th width="15%"><i class="require-red">*</i>产品品牌：</th>
							<td><input type="text" id="Brand" name="Brand" value=""
								size="85" class="common-text">
								<font id="Branderror" style="color: red;">不能为空。</font></td>
						</tr>
						<tr>
							<th width="15%"><i class="require-red">*</i>包装清单：</th>
							<td><input type="text" id="Repertoire" name="Repertoire" value=""
								size="85" class="common-text">
								<font id="Repertoireerror" style="color: red;">不能为空。</font></td>
						</tr>
						<tr>
							<th width="15%">功能模块：</th>
							<td><input type="text" id="Function" name="Function" value=""
								size="85" class="common-text">
						</tr>
						<tr>
							<th width="15%">适用行业：</th>
							<td><input type="text" id="Apply" name="Apply" value=""
								size="85" class="common-text">
						</tr>
						<tr>
							<th width="15%">产品报价：</th>
							<td><input type="file" id="Price" name="Price" value=""
								size="85" class="common-text">
						</tr>
						<tr>
							<th width="15%">其他：</th>
							<td><input type="text" id="Other" name="Other" value=""
								size="85" class="common-text">
						</tr>
						<tr>
							<th width="15%">产品网络服务：</th>
							<td>
							<textarea cols="6" rows="3" id="editor" name="Service" class="wysiwyg"></textarea></td>
						</tr>
						<tr>
							<th width="15%"><i class="require-red">*</i>产品简介：</th>
							<td>
							<textarea style="width: 80%;height: 60%;" id="editor" name="Brief_Introduction" class="wysiwyg"></textarea>
								<font id="Brief_Introductionerror" style="color: red;">不能为空。</font></td>
						</tr>
						<tr>
							<th width="15%"><i class="require-red">*</i>是否发布：</th>
							<td><select style="width: 625px;" name="IsPublish"
								class="common-text">
									<option value="false">否</option>
                            		<option value="true">是</option>
							</select></td>
						</tr>
						<tr>
                                	<th></th>
                                	<th align="left"><div id="imgdiv" align="left"><img id="imgShow" width="100" height="100" /></div></th>
                        </tr>
                         <tr>
                            <th><i class="require-red">*</i>产品上传图片：</th>
                            <td><input style="width: 64%" type="file" id="upload" size="85" name="upload" class="common-text">
                            <span style="color: red;font-size: 12px;">请选择jpg或png或gif格式的图片</span></td>
                        </tr>
						<tr>
							<th></th>
							<td><input type="submit" id="sub" value="提交"
								class="btn btn-primary btn6 mr10"> <input type="button"
								value="返回" onclick="history.go(-1)" class="btn btn6"></td>
						</tr>
					</table>
				</div>
		</form>
	</div>
	<script type="text/javascript">

    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor');


    function isFocus(e){
        alert(UE.getEditor('editor').isFocus());
        UE.dom.domUtils.preventDefault(e)
    }
    function setblur(e){
        UE.getEditor('editor').blur();
        UE.dom.domUtils.preventDefault(e)
    }
    function insertHtml() {
        var value = prompt('插入html代码', '');
        UE.getEditor('editor').execCommand('insertHtml', value)
    }
    function createEditor() {
        enableBtn();
        UE.getEditor('editor');
    }
    function getAllHtml() {
        alert(UE.getEditor('editor').getAllHtml())
    }
    function getContent() {
        var arr = [];
        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
        arr.push("内容为：");
        arr.push(UE.getEditor('editor').getContent());
        alert(arr.join("\n"));
    }
    function getPlainTxt() {
        var arr = [];
        arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
        arr.push("内容为：");
        arr.push(UE.getEditor('editor').getPlainTxt());
        alert(arr.join('\n'))
    }
    function setContent(isAppendTo) {
        var arr = [];
        arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
        UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
        alert(arr.join("\n"));
    }
    function setDisabled() {
        UE.getEditor('editor').setDisabled('fullscreen');
        disableBtn("enable");
    }

    function setEnabled() {
        UE.getEditor('editor').setEnabled();
        enableBtn();
    }

    function getText() {
        //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
        var range = UE.getEditor('editor').selection.getRange();
        range.select();
        var txt = UE.getEditor('editor').selection.getText();
        alert(txt)
    }

    function getContentTxt() {
        var arr = [];
        arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
        arr.push("编辑器的纯文本内容为：");
        arr.push(UE.getEditor('editor').getContentTxt());
        alert(arr.join("\n"));
    }
    function hasContent() {
        var arr = [];
        arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
        arr.push("判断结果为：");
        arr.push(UE.getEditor('editor').hasContents());
        alert(arr.join("\n"));
    }
    function setFocus() {
        UE.getEditor('editor').focus();
    }
    function deleteEditor() {
        disableBtn();
        UE.getEditor('editor').destroy();
    }
    function disableBtn(str) {
        var div = document.getElementById('btns');
        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            if (btn.id == str) {
                UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
            } else {
                btn.setAttribute("disabled", "true");
            }
        }
    }
    function enableBtn() {
        var div = document.getElementById('btns');
        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
        }
    }

    function getLocalData () {
        alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
    }

    function clearLocalData () {
        UE.getEditor('editor').execCommand( "clearlocaldata" );
        alert("已清空草稿箱")
    }
</script>
</body>
</html>